<template>
	<view class="addInspectTabsContent">
		<view class="upper">
			<commonNavBar title="结果记录表" >
				<template v-slot:right > 
					<image src="/static/img/save.png"  @tap="saveImage" style="width: 45rpx;height: 45rpx;"></image>
				</template>
			</commonNavBar>   
			<scroll-view id="content" :scroll-y="true" :style="{height: contentHeight + 'px'}">
				<view id="scrrent-page" class="list">
					<!-- <view class="title-view"> <text  class="title-text">() 区市场监督管理局</text> </view> -->
					<view class="title-view"> <text class="title-text">食品生产日常监督检查结果记录表</text> </view>
          <view class="title-view" :style="{'text-align':'right','padding-right':'5px'}"> <text class="title-text">编号：{{checkData.resultCode}}</text> </view>
					<table class="content-table" celspacing="0">
						<tr>
							<td class="content-td" width="90rpx">被检查单位名称</td>
							<td class="content-td" width="300rpx">{{checkData.COMPANY_NAME}}</td>
							<td class="content-td" width="90rpx">地址</td>
							<td class="content-td" width="300rpx">{{checkData.ADDRESS}}</td>
						</tr>
						<tr>
							<td class="content-td" width="90rpx">联系人</td>
							<td class="content-td" width="300rpx">{{checkData.CONTACT}}</td>
							<td class="content-td" width="90rpx">联系电话</td>
							<td class="content-td" width="300rpx">{{checkData.CONTACT_PHONE  == 'undefined' ? '': checkData.CONTACT_PHONE}}</td>
						</tr>
						<tr>
							<td class="content-td" width="90rpx">许可（备案）证编号或社会信用代码</td>
							<td class="content-td" width="300rpx">{{checkData.LICENSE}}</td>
							<td class="content-td" width="90rpx">检查次数</td>
              <td class="content-td" width="300rpx" v-if="checkData.IS_UNPLANNED == '0'" >本年度第（{{checkData.CHECK_NUM}}）次检查</td>
              <td class="content-td" width="300rpx" v-else >本年度{{ checkData.TYPE | checkTypeFilter}}检查</td>
						</tr>
						<tr>
							<td class="content-td" colspan="4">
                <view>检查内容：</view>
                <view>　　
                  {{checkData.DEPT_NAME}}&nbsp;检查人员 {{checkData.enforcementName1}}，{{checkData.enforcementName2}} 根据　　
                  《中华人民共和国食品安全法》及其实施条例、《食品生产经营监督检查管理办法》等规定,于{{checkData.CHECK_TIME}}至.{{checkData.CHECK_TIME}}。
                  对你单位进行了 √·日常监督检查 &nbsp; &nbsp;□·飞行检查 &nbsp; &nbsp;□·体系检查;
                  本次监督检查依据 √食品生产监督检查要点表 &nbsp; &nbsp;□ 其他:______________________________
                  共检查({{checkData.contentNum}})项，其中重点项({{checkData.importNum}})项，一般项({{checkData.commonlyNum}})项。
                </view>
							</td>
						</tr>
						<tr>
							<td class="content-td" colspan="4">
                <view >检查结果：</view>
                <view style="margin-top: 10px;">本次检查发现不符合项(　{{checkData.importProblemNum + checkData.commonlyProblemNum}})项 其中：</view>
                <view style="margin-top: 10px;">重点项({{checkData.importProblemNum}})项,项目序号分别是 (　{{checkData.importProblemNo}} )</view>
                <view style="margin-top: 10px;">一般项(　{{checkData.commonlyProblemNum}})项,项目序号分别是 (　{{checkData.commonlyProblemNo}}　)</view>
                <view >处理结果： &nbsp; &nbsp; {{checkData.PROCESS_RESULTS | processResultFilter}}</view>
                <view  style="margin-top: 10px;"  >说明： {{checkData.OTHER_PROBLEM == 'undefined' ? ' ': checkData.OTHER_PROBLEM}}</view>
							</td>
						</tr>
						<tr>
							<td class="content-td" colspan="2">
								<view>检查人员（签名）：<image class="signature-image" :src="sigPic == null ? '/static/img/sing.png' : sigPic" @tap="sign(1)"> </image></view>
								<view>检查人员（签名）：<image class="signature-image" :src="sigPic2 == null ? '/static/img/sing.png' : sigPic2" @tap="sign(2)"> </image></view>
								<view style="text-align: right;"><text> {{formattedDate}}</text> </view>
							</td>
							<td class="content-td" colspan="2" style="padding-top:100px;">
								<view>法定代表人或负责人（签名）：<image class="signature-image" :src="sigPic3 == null ? '/static/img/sing.png' : sigPic3" @tap="sign(3)"> </image>
								</view>
								<view style="text-align: right;margin-top: 10px;"><text> {{formattedDate}}</text></view>
							</td>
						</tr>
					</table>
					<view class="prompt">
						郑重提示：食品生产者应按相关部门要求，做好安全生产工作，
						防止生产安全事故，保障人员的生命和财产安全。
					</view>
<!--					<view class="illustrate">
						<view class="titles">
							填表说明
						</view>
						1．编号：由四位年度号+1位要点表序号+六位流水号组成，如2022-1-000001。生产、销售、餐饮服务各环节对应的要点表序号分别为“1、2、3”。<br />
						2．被检查单位名称：填写食品生产经营许可证或备案文书上的食品生产经营者名称。<br />
						3．地址：填写食品生产经营许可证或备案文书上载明的生产经营地址。<br />
						4．联系人、联系方式：填写法人代表或者负责人的姓名及联系方式。<br />
						5．许可证编号或备案编号：与食品生产经营许可证或备案文书上载明的内容一致。如果检查对象为食品生产加工小作坊、食品摊贩等，填写负责人的身份证号码，并隐藏身份证号码中第11位到第14位的数字，以“****”替代。<br />
						6．检查次数：填写本次检查属于本年度对企业开展的监督检查的次数。<br />
						7．检查内容：检查人员应为两名或两名以上，正确勾选采用的监督检查方式与依据的检查要点表。每次检查，日常监督检查、体系检查应当覆盖全部检查项目，飞行检查可以针对问题线索确定部分项目进行检查。体系检查也可依据市场监管总局或省级市场监管部门制定的相关体系检查要点表或指南。<br />
						8．检查结果：填写发现的不符合项目数量，包括重点项和一般项，并按照依据的《检查要点表》注明不符合项的项目序号。<br />
						9．结果处理：对未发现不符合项的，勾选“通过检查”一栏；对发现不符合项，但情节显著轻微不影响食品安全的，勾选“责令整改”一栏；对发现不符合项，影响食品安全的，勾选“调查处理”一栏。<br />
						10．说明：逐项描述发现的问题并详细记录处置措施，可附页。<br />
						11．本表一式三份，一份反馈企业，一份留存，一份用于张贴公布。<br />
					</view>
					<view class="illustrateText">
						说明：
						<view>
							问题序号和检查内容
						</view>
					</view>-->
				</view>
			</scroll-view>
		</view>
		<screenshot ref="screenshot" :screenId="'scrrent-page'" @renderFinish="getScreenImg"></screenshot>
	</view>
</template>

<script>
	const currentDate = new Date();
	const year = currentDate.getFullYear();
	const month = String(currentDate.getMonth() + 1).padStart(2, '0');
	const day = String(currentDate.getDate()).padStart(2, '0');
	const formattedDate = `${year}年${month}月${day}日`;
	import longscreen from '@/components/screenShot.vue'
	import commonNavBar from '@/components/CommonNavBar.vue';
	
	export default {
		components:{
			commonNavBar,
			'screenshot': longscreen
		},
		data() {
			return {
				checkData: {
					standardList: []
				},
				sigPic: null,
				sigPic2: null,
				sigPic3: null,
				checkId: null,
				contentHeight: 0,
				formattedDate: formattedDate,
			}
		},
		onReady() {
			const that = this;
			uni.createSelectorQuery().in(this).select("#content").fields({
				rect: true
			}, function(res) {
				that.contentHeight = uni.getSystemInfoSync().windowHeight - res.top
				that.initLoadData();
			}).exec();
		},
		filters: {
			selectionFilter(value) {

				if (value == '1') {
					return '是'
				} else if (value == '2') {
					return '否'
				} else if (value == '3') {
					return '合理缺项'
				} else {
					return '';
				}

			},
			checkTypeFilter(value) {
				if (value == '1') {
					return '日常检查'
				} else if (value == '2') {
					return '双随机检查'
				} else if (value == '3') {
					return '飞行检查'
				} else if (value == '4') {
					return '体系检查'
				} else {
					return '';
				}
			},

			processResultFilter(value) {
				if (value == '1') {
					return '通过检查'
				} else if (value == '2') {
					return '责令整改'
				} else if (value == '3') {
					return '调查处理'
				} else if (value == '4') {
					return '立案查处'
				} else if (value == '5') {
					return '食品生产经营者立即停止食品生产经营活动'
				} else {
					return '';
				}
			},
		},
		onLoad(options) {
			this.checkId = options.id 
			console.log(this.checkId)
			this.pageHeight = uni.getSystemInfoSync().windowHeight - 110;
			

		}, 
		methods: {
			goBack() {
				uni.navigateBack();
			},
			async initLoadData() {
				//加载页面所需要数据
				uni.showLoading({
					title:'获取数据中',
					mask: true
				})
				const res = await uni.$api.getResultTable({
					checkId: this.checkId
				})
				if (res.data.code == '1') {
					uni.hideLoading();
					uni.showToast({
						title: '获取信息失败',
						icon: 'error'
					})
					return;
				}
				console.log("获取数据完成")
				this.checkData = res.data.data
				uni.hideLoading();
			},
			saveImage() {
				this.$refs.screenshot.startScreen();
			},
			getScreenImg(ret) {
				const that = this; 
				uni.showLoading({
					title: '正在生成',
					mask: true
				})
				const uploadTask = uni.uploadFile({
					url: '/dailyInspect/uploadResultRecord', //仅为示例，非真实的接口地址
					filePath: ret.posterPath,
					name: "imgFile",
					timeout: '10000', //超时时间10秒
					formData: {
						"checkId": that.checkId,
						"type": '2'
					},
					dataType: 'json',
					success: (upRes) => {
						uni.showToast({
							title: '生成完成',
							icon: 'success'
						});
						console.log(upRes.data)
						const result = JSON.parse(upRes.data);
						if (result.code == '1') {
							uni.showModal({
								content: '保存失败,请重新尝试',
								showCancel: false
							})
						}
						console.log(result.data)
						const eventChannel = that.getOpenerEventChannel();
						eventChannel.emit('yaodianbiao', result.data);
						uni.navigateBack();
					},
					fail(err) {
						uni.showModal({
							content: '保存失败,请重新尝试',
							showCancel: false
						})
					},
					complete() {
						uni.hideLoading()
					}
				});
			},
			sign(type) {
				const that = this;
				//签名
				uni.navigateTo({
					url: '/pages/signature/signature',
					events: {
						updateSign(data) {
							if(type == 1){
								that.sigPic = data;
							} else if(type == 2){
								that.sigPic2 = data;
							}  else if(type == 3){
								that.sigPic3 = data;
							} 
						}
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	.addInspectTabsContent {
		background: #F9F9F9;
		height: calc(100vh - 195rpx);
		padding: 14px;

		.upper {
			position: fixed;
			z-index: 1;
			top: 0;
			left: 0;
			width: 100%;

			.title {
				background: url('../../static/img/inspectBg.png');
				background-size: cover;
				width: 100%;
				height: 115rpx;
				line-height: 115rpx;
				position: relative;
				display: flex;
				justify-content: center;
				color: #ffffff;

				.arrow {
					position: absolute;
					left: 33rpx;
					top: 50%;
					transform: translate(0%, -50%);
					width: 100rpx;
					height: 100rpx;

					&::before {
						display: block;
						content: "";
						position: absolute;
						top: 50%;
						left: 0%;
						width: 20rpx;
						height: 20rpx;
						border-left: 1px solid #fff;
						border-top: 1px solid #fff;
						transform: translate(0%, -50%) rotate(-45deg);
					}
				}

				text {
					font-size: 30rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #FFFFFF;
					letter-spacing: 1px;
				}

			}
		}
	}

	.intelligence {
		position: absolute;
		right: 30rpx;
		top: 35rpx;
		display: flex;
		align-items: center;
		justify-content: center;

	}

	.list {
		padding-top: 20px;
		overflow-y: auto;
	}

	.title-view {
		width: 750rpx;
		text-align: center;
	}

	.title-text {
		font-size: 20rpx;
		color: black;
		font-weight: 700;

	}

	.content-table {
		width: 750rpx;


	}

	.content-td {
		border: 1px solid #8a8a8a;
		padding: 10px;
	}

	.signature-image {
		width: 100px;
		height: 100px;
	}

	.prompt {
		padding: 0 150rpx;
		text-align: left;
		margin: 20rpx auto;
		font-size: 18rpx;
	}

	.illustrate {
		font-size: 16rpx;
		padding: 0 10rpx;
		line-height: 1.8;
	}

	.titles {
		text-align: center;
		font-size: 18rpx;
	}

	.illustrateText {
		margin: 20rpx auto 0;
		border: 2rpx solid #d6d6d6;
		padding: 0 10rpx;
		height: 50vh;
		font-size: 20rpx;
	}

	.illustrateText view {
		margin: 10rpx auto 0;
		font-size: 16rpx;
	}
</style>